<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <include file="Index/header" />
    <style>
        .yuanjiao{
            border-radius:1px;
            background-color: #f8f8f8;
            margin: 5px 15px 5px 0px;
        }
        .centered {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
        }
        .header-bk{
            border-right: 1px solid #D2E4E8 ;
        }
        .header-fontcolor{
            font-size: 14px;color: #0c80ba;
        }

        .section-text{
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }
        .padding-left-opx{
            padding-left: 0px;
        }

    </style>
</head>
<body>
<div style="background: url('__PUBLIC__/images/bg.png');background-size: cover; width: 100%;">
    <div style="height: 20px"></div>
    <div id="userinfo" class="am-g" style="width:90%;">
        <div class="am-u-sm-12 am-u-md-4 yuanjiao am-vertical-align" style="height: 150px;">
            <div class="am-vertical-align-middle">
                <img class="am-circle am-img-responsive am-hide-md-only"  width="100px" height="100px" style="margin: -130px 10px 0px 0px;display: inline-block;" src="__PUBLIC__/images/icon.png">
                <div style="display: inline-block;margin: 0px 0px 0px 20px">
                    <p style="margin:20px 9px 0px 0px;font-size: 30px;display: inline-block;"><{$student_information.name}></p>
                    <span style="font-size: 10px;color: #9c3328"><b>已认证</b> </span>
                    <div style="font-size: 13px;">
                        <a style="margin: 0px 4px 0px 0px;" href="javascript:;">个人资料</a>
                        |
                        <a style="margin: 0px 0px 0px 4px;" href="<{:U('Home/Register/LoginOut');}>">退出登录</a>
                        <br>
                    </div>
                    <div style="margin-top: 7px;">
                        <div class="am-progress">
                            <div class="am-progress-bar" style="width: 100%;">资料进度</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-7 yuanjiao am-vertical-align" style="height: 150px;">
            <div class="am-g am-vertical-align-middle" style="width: 100%" align="center">
                <div class="am-u-sm-3 header-bk">
                    <div class="header-fontcolor"><span style="font-size: 32px;">0</span>题</div>
                    <div style="font-size: 14px;">收藏题目</div>
                </div>
                <div class="am-u-sm-3 header-bk">
                    <div class="header-fontcolor"><span style="font-size: 32px;"><{$exam_count}></span>套</div>
                    <div style="font-size: 14px;">已做试卷</div>
                </div>
                <div class="am-u-sm-3 header-bk">
                    <div class="header-fontcolor"><span style="font-size: 32px;"><{$exam_count}></span>套</div>
                    <div style="font-size: 14px;">做题历史</div>
                </div>
                <div class="am-u-sm-3">
                    <div class="header-fontcolor"><span style="font-size: 32px;">0</span>套</div>
                    <div style="font-size: 14px;">题库列表</div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12" style="padding: 10px 0px 5px 0px;">
            <div id="nav" class="am-u-md-3 am-u-lg-2 am-show-md-up yuanjiao" style="">
                <ul class="am-nav">
                    <li <if condition="$ExamType eq 3"> class="am-active"</if>><a href="<{:U('index');}>">公开试卷</a></li>
                    <li <if condition="$ExamType eq 1"> class="am-active"</if>><a href="<{:U('MyCenterExam');}>">个人试卷</a></li>
                    <li <if condition="$ExamType eq 2"> class="am-active"</if>><a href="<{:U('GradeExam');}>">年级试卷</a></li>
                    <li <if condition="$ExamType eq 4"> class="am-active"</if>><a href="">班级试卷</a></li>
                    <li <if condition="$ExamType eq 5"> class="am-active"</if>><a href="<{:U('ExamResult');}>">考试结果</a></li>
                    <li><a href="#">错题中心</a></li>
                </ul>
            </div>

            <button class="am-btn am-btn-primary am-btn-block am-show-sm-down" data-am-collapse="{target: '#left-nav'}"><i class="am-icon-bars"></i> 个人菜单</button>
            <div id="nav" class="am-u-md-3 am-u-lg-2 am-show-sm-down yuanjiao" style="">
                <ul id="left-nav" class="am-nav am-collapse">
                    <li <if condition="$ExamType eq 3"> class="am-active"</if>><a href="<{:U('index');}>">公开试卷</a></li>
                    <li <if condition="$ExamType eq 1"> class="am-active"</if>><a href="<{:U('MyCenterExam');}>">个人试卷</a></li>
                    <li <if condition="$ExamType eq 2"> class="am-active"</if>><a href="<{:U('GradeExam');}>">年级试卷</a></li>
                    <li <if condition="$ExamType eq 4"> class="am-active"</if>><a href="">班级试卷</a></li>
                    <li <if condition="$ExamType eq 5"> class="am-active"</if>><a href="<{:U('ExamResult');}>">考试结果</a></li>
                    <li><a href="#">错题中心</a></li>
                </ul>
            </div>
            <div id="body" class="am-u-sm-12 am-u-lg-9 am-u-md-8 yuanjiao " style="float: left;margin: 5px 0px 0px 0px;">

                <ol class="am-breadcrumb">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">个人中心</a></li>
                    <li class="am-active"><{$ExamName}></li>
                </ol>
                <if condition="$ExamType lt 5">
                    <include file="Student/Exam" />
                    <elseif condition="$ExamType eq 5"/>
                    <include file="Student/ExamResult" />
                </if>
            </div>
        </div>
    </div>

</div>
<include file="Index/footer" />
<script>
    $(function(){
        var body_width;
        var nav_height  = $("#nav").height();
        var body_height = $("#body").height();
        if(body_height<350 && nav_height<350){
            $("#nav").css("height",'400px');
            $("#body").css("height",'400px');
        }else if(body_height<nav_height){
            $("#body").css("height",nav_height+'px');
        }else if(body_height>nav_height){
            $("#nav").css("height",body_height+'px');
        }else {
            $("#nav").css("height",'400px');
            $("#body").css("height",'400px');
        }

        $("section>.section-font-body-size>div>span").css("font-size",'1.4rem');
        $(window).resize(function () {
            body_width = $(document.body).outerWidth(true);
            if(body_width<1024){
                $("section>.section-font-body-size>div>div").css("display",'inline-block');
            }else{
                $("section>.section-font-body-size>div>div").css("display",'block');
            }
        });
    });




</script>
</body>
</html>